<style type="text/css">
	.radius-input .item-input-wrapper{
		border-radius:15px;
	}
	
	.search-history span{
		background: #e6e6e6;
		border-radius: 5px;
		color: #aaa;
		padding: 5px;
	}
	
	.button-border{
		border: 1px solid #F68D3A;
		color:#F68D3A;
	}
	
	.search-result-item{
		display: flex;
		flex-flow: row nowrap;
		border-bottom: 1px solid #aaa;
		padding: 5px 0;
	}
	
	.search-result-item:first-child{
		border-top: 1px solid #aaa;
	}
	
	.search-result-item > img{
		height: 120px;
		width: 120px;
	}
	.search-item-info{
		position: relative;
		padding: 5px 10px;
		width: calc(100% - 120px);
	}
	.search-product-price{
		position: absolute;
		bottom: 5px;
		
	}
</style>

<header  class="bar bar-header  bar-stable bar-mycolor item-input-inset radius-input" >
	<button class="button button-clear icon ion-ios-arrow-left" ng-click="back_pick()"></button>
	<label class="item-input-wrapper">
        <i class="icon ion-ios-search placeholder-icon"></i>
        <input type="search" placeholder="搜索"  ng-keyup="product_search($event)" ng-model="pick_param.name">
  	</label>
</header>

<ion-content class="has-header" data-ng-init="product_search_init()">
	<div class="search-result padding-10 margin-top-20px">
		<div class="search-result-list">
			<p class="text-center" ng-show="product_data.length == 0">没有搜索到结果</p>
			<div class="search-result-item" ng-repeat="item in product_data" ng-click="goto_product_info(item.id)">
				<img src="{{item.image}}"/>
				<div class="search-item-info">
					<p class="search-product-title font-color-lightBlack">{{item.name}}</p>
					<p class="font-color-gray padding-TB-5">
						<span class="">包邮</span>
						<span class="">昆明</span>
					</p>
					<p class="search-product-price">
						<span class="font-color-xg font-size-lg">¥{{item.sale_price}}</span>
						<span class="font-color-gray padding-LR-10">{{item.sale_count}}人付款</span>
					</p>
				</div>
			</div>
		</div>
	</div>
</ion-content>
